<%-- 
    Document   : index
    Created on : 17/07/2012, 02:06:10 PM
    Author     : Liliana
--%>

<%@page import="java.util.ArrayList"%>
<%@page contentType="text/html" pageEncoding="UTF-8" session="true"%>
<!DOCTYPE html>
<link rel="stylesheet" type="text/css" href="fixed.css">
<%
//rescatando los elementos del ambito del contexto dejados por el controlador
ArrayList errores=(ArrayList)request.getAttribute("errores");
String usuario = (String) session.getAttribute("usu");//Recoge la session
String contrasena= (String) session.getAttribute("con");//Recoge la session
if (usuario==null || contrasena==null){
    usuario="";
    contrasena="";
}
if(request.getParameter("c") != null){
    session.invalidate();
}
if(request.getSession() != null){
        if(request.getSession().getAttribute("oky") != null){
            RequestDispatcher vista = request.getRequestDispatcher("menu2.jsp");
            vista.forward(request, response);
        }
    }
%>
<script Language="JavaScript">
if(history.forward(1)){
history.replace(history.forward(1));
}
</script>
<html>
    <head><link href="chair.ico" type="image/x-icon" rel="shortcut icon" />
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Simea</title>
        
        <script language="javascript" type="text/javascript">

//nombre del primer campo en la secuencia
siguienteCampo = "usuario"
//nombre del formlario
nombreForm = "validar"

//funcion que gestiona el evento
function TelcaPulsada( e ) {

   if ( window.event != null)				//IE4+
      tecla = window.event.keyCode;
   else if ( e != null ) 				//N4+ o W3C compatibles
      tecla = e.which;
   else
      return;
	
   if (tecla == 13) { 					//se pulso enter
      if ( siguienteCampo == 'fin' ) {			//fin de la secuencia, hace el submit
         alert('Envio del formulario.')			//eliminar este alert para uso normal
         return false					//sustituir por return true para hacer el submit
      } else { 						//da el foco al siguiente campo
         eval('document.' + nombreForm + '.' + siguienteCampo + '.focus()')
         return false
      }
   }
}

document.onkeydown = TelcaPulsada;			//asigna el evento pulsacion tecla a la funcion
if (document.captureEvents)				//netscape es especial: requiere activar la captura del evento
	document.captureEvents(Event.KEYDOWN)
	
</script>

<style type="text/css">
.css3button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	padding: 3px 6px;
	background: -moz-linear-gradient(
		top,
		#42aaff 0%,
		#003366);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#42aaff),
		to(#003366));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #003366;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.7),
		0px 1px 0px rgba(255,255,255,0.3);
}

</style>
<link rel="stylesheet" type="text/css" href="inicio.css" media="screen"/>
<script language="JavaScript">
function checkKey(evt) {
if (evt.ctrlKey)
alert("Boton control deshabilitado");
}
</script>
<style type="text/css">
    
    input, textarea {  
    padding: 9px;  
    border: solid 1px #E5E5E5;  
    outline: 0;  
    font: normal 13px/100% Verdana, Tahoma, sans-serif;  
    
    background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));  
    background: -moz-linear-gradient(top, #FFFFFF, #000000 1px, #FFFFFF 25px);
    }  
textarea {  
    width: 400px;  
    max-width: 400px;  
    height: 150px;  
    line-height: 150%;  
    }  
input:hover, textarea:hover,  
input:focus, textarea:focus {  
    border-color: #C9C9C9;  
    }  
.form label {  
    margin-left: 10px;  
    color: #999999;  
    }  
  
    input, textarea {  
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
    } 
     
    .tooltips-gray{

background:#444444;
color:#FFFFFF;
text-align:center;
padding-top:4px;
}
.tooltips-gray div{
background:url(img/tips_gray.png) left bottom no-repeat;
padding-top:4px;
height:18px;
}

</style>
        <script language="JavaScript" type="text/javascript">
function click(){
if(event.button==2){
alert(' No puedes aceder a estas opciones');
}
}
document.onmousedown=click
//-->
</script>
    </head>
    <body onKeyDown="checkKey(event)">
        <div id="contenedor">
            <div id="cabecera"  ><font size="3" face="Cambria" >
              
                    <br><br><br><form name="validar" action="controladorvalidar.do" method="post">
                        <center>
                        <table>
                <tr><td><label for="usuario"><font color="blue"> *</font>Usuario</label></td>
                <td title="Ingrese nombre de usuario"><input type="text"  name="usuario" autofocus required id="usuario" size="23"  value="<%=usuario%>"  onFocus="siguienteCampo='contrasena';" placeholder="Ingrese nombre de usuario"/></td>
                    <td><label for="contrasena" ><font color="blue"> *</font>Contraseña</label></td>
                    <td title="Ingrese contraseña"><input  type="password" name="contrasena" id="contrasena" required style="width:180px;height:20px" value="<%=contrasena%>" onfocus="siguienteCampo='controladorperfil.do';" placeholder="Ingrese su contraseña"/></td>
                    <td title=""><input  type="submit" name="btreg" value="Ingresar" class="css3button" /></td>
                   
                    <td><%
        //Se imprime la lista de errores en caso de no poder ingresar.
        if(errores != null){
           for (int i=0; i<errores.size(); i++){
               out.println(errores.get(i));
           } 
        }
        if(request.getParameter("msj")!=null){
            out.println("<div style='border: 1px solid #003366;'>Debe loguearse</div>");
        }
        
        %></td>
                    
                </tr>
            
               </table>
        </form>
                    
        
        </center><br>
        
       
        
         </center>    
            </div><div id="ingreso" align="center"><br><br><br><br><br><br><br><br>
                <a href="http://acueducto-pra.jimdo.com/"><img src="logo.png" align="left"  onmouseover="this.width=510;this.height=168;" onmouseout="this.width=506;this.height=168;" width="506" height="168"></a>
             </div>
        
        <div id="contenido" align="center">
            <center><font size="5" face="Cambria" color="blue">
                Sistema Integrado Para el Manejo de Egresos del Acueducto</font><br><br><font size="3" face="Cambria" align="center">La base sobre la cual se fundamentan las organizaciones<br> para la toma de decisiones
                financieras y gerenciales  es la contabilidad,<br> siendo este un sistema adaptado  para clasificar los hechos económicos que ocurren en un negocio.<br>
                          
</center>
        
        </div><br><br><br><br><br>
        <br><br><br><br><br>
                    
        <div id="pie">
            <center><font face="cambria" color="blue" size="3">Los campos marcados con * son obligatorios</font></center><br><br>
            <img src="im.jpg" align="left">
        </div>
        </div>

        </body>
</html>
